<!DOCTYPE html>
<html lang="">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        
    	<script type="text/javascript" src="http://www.google.com/jsapi"></script>
		<script type="text/javascript">
			google.load("jquery", "1.3.2");
			google.load("jqueryui", "1.7.2");
		</script>

        <script type="text/javascript" src="../jooscript.js"></script><script type="text/javascript" src="../fxcanvas.js"></script><!--[if IE]><script type="text/javascript" src="../flash_backend.js"></script><![endif]--><comment><script type="text/javascript" src="../canvas_backend.js"></script></comment>
		<script src="many-lines/adapted.particles.js" type="text/javascript"></script>
		<script src="many-lines/adapted.library.js" type="text/javascript"></script>
		
		<script>
			//get a reference to the canvas
			$(document).ready(function() {
              init();
              initParticleSystem();
			});	
		</script>
		
		<link rel="stylesheet" href="many-lines/styles.css" type="text/css" media="screen, projection"/>
		
        <title>Lines go all over the place.</title>

    </head>
	
	
    <body class="index">
    	<canvas height="700" width="700" id="canvas" tracePathBounds="false">&nbsp;</canvas>
    	
		<div id="explain">
			<p>
				<span>
				Accumulation of drawn lines, this time with options. Tested in Firefox 3.5 & Safari 4.0.2
				</span>
			</p>

			<p>
				<span>
				Fade? <input type="checkbox" name="fade" onclick="toggleFade()" /><br/>
				Color? <input type="checkbox" name="fade" checked="checked" onclick="toggleColor()" /><br/>
				Lots? <input type="checkbox" name="fade" checked="checked" onclick="toggleAmount()" /><br/>
				</span>
			</p>
		</div>
		
    </body>
</html>
